<template>
  <div class="homepage">
    <Headtop></Headtop>
    <SlideNav></SlideNav>
    <Recommend></Recommend>
    <Footerr></Footerr> 
  </div>
</template>

<script>
import Footerr from './Footerr'
import Headtop from './Homelist/Headtop'
import SlideNav from './Homelist/SlideNav'
import Recommend from './Homelist/Recommend'
export default {
  name: 'homepage',
  data () {
    return {
      // msg: 'Welcome to Your Vue.js App'
    }
  },
  components:{
    Footerr,
    Headtop,
    SlideNav,
    Recommend,
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang='scss'>
  @import '../../static/hotcss/px2rem.scss';
  .homepage{
      height:100%;
      // background: #CCC;
  }
</style>
